<template>
  <div class="place">

    <div class="place_left">
      <span class="iconfont place">&#xe650;</span>
     
    </div>

    
    <div class="place_mid">
      <p>新都区蜀龙大道南段漫花庄园</p>
    </div>

    <div class="place_right">
      <span class="iconfont click"> &#xe602;</span>
    </div>

  </div>
  
  
</template>


<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>
.place {
  width: 100%;
  background-color: white;
  display: flex;
  color: #ffffff;
  height: 0.8rem;
}
.place_left {
     margin-left: 5px;
}
.place_left span {
  height: 1rem;
  line-height: 1rem;
  
}
.place_left span.place {
  margin-left: 0.15rem;
  font-size: 0.45rem;
  color:  #999;
}

.place_mid {
  width:240px;
 
}
.place_mid p {
  color:rgb(19, 14, 14);
  line-height: 1rem;
  font-size: 17px;
   
  
}
.place_right{
  
  width: 3rem;
}
.place_right span.click{
  color: #999;
  font-size: 25px;
  line-height: 1rem;
  margin-left: 2rem;
}




</style>
